Ekşi Duyurunun arabiriminde yazı boyutları büyük, renkler yeşil, yeni yıl süslemeleri yok diyorsanız müjdemi isterim.Login olduktan sonra Ben'in altındaki Ayarlar sayfasından Tema Yönetimine Git düğmesine, veya https://www.eksiduyuru.com/profil/ayarlar/tema adresine giderek tema yaratma ve kullanma
Ekşi Duyurunun arabiriminde yazı boyutları büyük, renkler yeşil, yeni yıl süslemeleri yok diyorsanız müjdemi isterim.
Login olduktan sonra Ben'in altındaki Ayarlar sayfasından Tema Yönetimine Git düğmesine, veya
www.eksiduyuru.com adresine giderek tema yaratma ve kullanma sayfasına geliyorsunuz.
Tema sistemi 2 seviyeden oluşuyor, birincisi sizin sadece kendinizin görebileceği temalar, ikincisi temalarınızdan istediklerinizi moderasyonun onayına gönderdikten sonra o temanın herkes tarafından kullanılabilmesini sağlayabiliyorsunuz.
Paylaştığınız temalarınızı başka kullanıcılar kopyalayıp kendilerine göre modifiye edebiliyorlar, ve onlar da kendi versiyonlarını yayımlayabiliyorlar.
Temalar en kolay :root { } css kök seçicisinde belirlenen rekleri degistirerek modifiye edilebilir. Ama sitenin a-z her css ayarina erisiminiz bulunmaktadir.
Önemli not: yaratiğınız tema .dark { } seçicisini de düzenlemiyorsa sitenin altındaki karanlık mod temayı bozacaktır.
Bundan sonrasını AI'ya yazdırıp kontrol ettim:
# Tema Sayfasına Erişim
Tema yönetim sayfasına **Profil → Ayarlar → Tema** menüsünden erişebilirsiniz.
# Tema Seçimi
## Aktif Tema Değiştirme
Sayfanın üst kısmında bulunan "Aktif Tema" açılır menüsünden aktif olarak kullanmak istediğiniz temayı seçebilirsiniz.
**Kullanılabilir Tema Kategorileri:**
- **Standart Tema**: Sitenin varsayılan görünümü
- **Benim Kişisel Temalarım**: Sizin oluşturduğunuz temalar
- **Benim Onaylı Temalarım**: Sizin oluşturup moderatör tarafından onaylanan temalar
- **Diğer Onaylı Genel Temalar**: Diğer kullanıcılar tarafından oluşturulmuş ve onaylanmış temalar
**Tema Göstergeleri:**
- ⏳ işareti: Tema onay bekliyor
- ✓ işareti: Tema onaylanmış
- (X kullanıcı): Temayı kullanan kullanıcı sayısı
# Yeni Tema Oluşturma
## Adım 1: Tema Editörünü Açma
1. "Yeni Tema Oluştur" butonuna tıklayın
2. Tema editörü açılacaktır
## Adım 2: Tema Bilgilerini Girme
Tema Adı:
- Sadece harf, rakam, tire (-) ve alt çizgi (_) kullanın
- Maksimum 100 karakter
- Örnek:
koyu_tema,
pastel_renkler,
minimalist-temaCSS Kodu:
- Maksimum 50KB CSS kodu girebilirsiniz
- Sitenin görünümünü değiştirmek için geçerli CSS kodları yazın
- Varsayılan CSS dosyasını görüntüleyerek mevcut sınıfları inceleyebilirsiniz (o sayfada link var)
## Adım 3: Önizleme ve Kaydetme
Önizleme:
1. "Önizle" butonuna tıklayın
2. CSS kodunuz anlık olarak sayfaya uygulanacaktır
3. Tema görünümünü kontrol edin
4. Gerekirse CSS kodunda değişiklik yapıp tekrar önizleyin
Kaydetme:
1. Temanızdan memnun kaldıysanız "Kaydet" butonuna tıklayın
2. Tema kaydedilecek ve tema listenize eklenecektir
İptal Etme:
- Değişikliklerinizi iptal etmek için "İptal" butonuna tıklayın
- Önizleme aktifse CSS değişiklikleri geri alınacaktır
## Kullanıcı Limitleri
- Her kullanıcı maksimum 20 tema oluşturabilir
---
## CSS Örnekleri
Tema editöründe "CSS örnekleri için tıklayın" linkine tıklayarak yaygın CSS özelleştirmelerini görebilirsiniz.
# Tema Yönetimi
## Benim Temalarım
Oluşturduğunuz tüm temalar "Benim Temalarım" bölümünde listelenir.
Tema Durumları:
- Onaylı (✓): Moderatör tarafından onaylanmış, herkese açık
- Beklemede (⏳): Onay için gönderilmiş, moderatör incelemesi bekleniyor
- Kişisel: Henüz onaya gönderilmemiş, sadece sizin kullanabileceğiniz
Her tema için kullanılabilir işlemler:
### 1. Düzenle
- Temanın adını ve CSS kodunu değiştirebilirsiniz
- Tema editörü açılır ve mevcut bilgiler yüklenir
- Değişiklikleri kaydettiğinizde tema güncellenecektir
### 2. Önizle
- Temayı aktif etmeden önce nasıl göründüğünü kontrol edebilirsiniz
- Önizleme geçicidir, sayfayı yenilediğinizde aktif temanız geri gelir
### 3. Onaya Gönder
- Temanızı diğer kullanıcılarla paylaşmak istiyorsanız moderatör onayına gönderebilirsiniz
- Bu buton sadece henüz onaya gönderilmemiş temalarda görünür
- Onaya gönderildikten sonra tema durumu "Beklemede" olarak değişir
> Onaylanmış temalar düzenlenemez. Onaylanan tema ile aynı temanın sizde olan kopyası 2 farklı temadır. Onaylanan temada değişiklik yapmak istediğiniz zaman kendi kopyanızı değiştirip yeniden onaya gönderin.
### 4. Kopyala
- Mevcut bir temayı kopyalayarak yeni bir tema oluşturabilirsiniz
- Yeni tema için bir isim girmeniz istenecektir
- Kopyalanan tema tüm CSS kodlarıyla birlikte yeni isimle kaydedilir
### 5. Sil
- Temanızı kalıcı olarak silebilirsiniz
- Dikkat: Onaylanmış ve başka kullanıcılar tarafından kullanılan temalar silinemez, moderatöre mesaj atınız.
- Silme işlemi geri alınamaz
---
# Onaylı Genel Temalar
"Onaylı Genel Temalar" bölümünde diğer kullanıcılar tarafından oluşturulmuş ve moderatörler tarafından onaylanmış temalar listelenir.
## Bu Temaları Kullanma
Seçenek 1: Doğrudan Kullanma
- Tema seçici açılır menüsünden istediğiniz onaylı temayı seçin
- Tema anında aktif olacaktır
Seçenek 2: Kopyalayıp Özelleştirme
1. Beğendiğiniz temanın yanındaki "Kopyala ve Özelleştir" butonuna tıklayın
2. Yeni tema için bir isim girin
3. Tema sizin tema listenize kopyalanacaktır
4. İstediğiniz değişiklikleri yaparak kişiselleştirebilirsiniz
Önizleme:
- Temayı kopyalamadan önce "Önizle" butonu ile nasıl göründüğünü inceleyebilirsiniz
---
# Tema Onay Süreci
## 1. Tema Oluşturma ve Geliştirme
- Kendi kullanımınız için tema oluşturun
- Önizleyerek test edin ve geliştirin
## 2. Onaya Gönderme
- Temanızdan memnunsanız "Onaya Gönder" butonuna tıklayın
- Tema durumu "Beklemede" olarak değişir
## 3. Moderatör İncelemesi
- Moderatörler temanızı inceler
- Uygunsa onaylanır
- Sorun varsa reddedilir ve size bildirim gönderilir
## 4. Onaylanma
- Onaylanan temalar "Onaylı Genel Temalar" listesine eklenir
- Diğer kullanıcılar temanızı kullanabilir veya kopyalayabilir
- Temanızın yanında kullanım sayısı görüntülenir
## 5. Reddetme
- Reddedilen temaların durumu geri alınır
- Moderatör reddetme nedeni belirtirse size iletilir
- Gerekli düzeltmeleri yapıp tekrar gönderebilirsiniz
---
# Önemli Uyarılar
## ⚠️ Site Güncellemeleri
> Ekşi Duyuru aktif olarak geliştirilmektedir. Site güncellemeleri temanızın CSS yapılandırmalarını bozabilir. Tema oluştururken bu durumu göz önünde bulundurun ve genel CSS sınıflarını kullanın.
## CSS Güvenlik Kontrolleri
Sistem aşağıdaki güvenlik kontrollerini yapar:
- Tehlikeli CSS içerikleri (örn. javascript
*, data
*) engellenir
- Çok büyük CSS dosyaları (>50KB) reddedilir
- Geçersiz CSS sözdizimi hata verir
## Tema Silme Kuralları
- Başka kullanıcılar tarafından kullanılan onaylı temalar silinemez
- Kişisel temalarınızı istediğiniz zaman silebilirsiniz
- Onay bekleyen temaları geri çekip silebilirsiniz
## Tema Sayısı Limiti
- Her kullanıcı maksimum 20 tema oluşturabilir
- Bu limite ulaştıysanız yeni tema oluşturmak için eski temalarınızdan birini silmeniz gerekir
---
# Sık Sorulan Sorular
## Temanım neden bozuk görünüyor?
- CSS kodunuzda sözdizimi hatası olabilir
- Site güncellemeleri CSS sınıflarını değiştirmiş olabilir
## Onaylanmış temamı düzenleyebilir miyim?
Evet, onaylanmış olan temanın sizdeki kopyasını gene onaya gönderebilirsiniz.
## Diğer kullanıcıların temalarını görebilir miyim?
Evet, moderatör tarafından onaylanmış tüm temaları "Onaylı Genel Temalar" bölümünden görebilir ve kullanabilirsiniz.
## Tema onayı ne kadar sürer?
Moderatörler mümkün olan en kısa sürede temaları inceler. Süre yoğunluğa bağlı olarak değişebilir. 10 dakika ile 2 hafta diyelim.
## Temanın CSS kodunu nereden öğrenebilirim?
- Sayfa üzerinde tarayıcı geliştirici araçlarını (F12) kullanarak CSS sınıflarını inceleyebilirsiniz
- Varsayılan CSS dosyasını tema düzenleme sayfasından linki ile görüntüleyebilirsiniz
- Diğer onaylı temaları kopyalayıp inceleyebilirsiniz
---
# İpuçları
1. Küçük Değişikliklerle Başlayın: İlk temanızda sadece renk veya font değişiklikleri yaparak başlayın.
2. Sık Sık Önizleyin: Her değişiklikten sonra önizleyerek sonucu kontrol edin.
3. Tarayıcı Geliştirici Araçlarını Kullanın: F12 tuşu ile açılan geliştirici araçlarında CSS'i canlı olarak test edebilirsiniz.
4. CSS Değişkenlerini Tercih Edin: Sitenin tüm renklerini değiştirmek için
* değişkenlerini kullanın.
5. Diğer Temaları İnceleyin: Onaylı temalardan ilham alın ve kopyalayıp özelleştirin.
6. Yedek Tutun: Önemli CSS kodlarınızı yerel olarak da kaydedin.
İyi temalar oluşturmanızı dileriz! 🎨